<script>
  import { invoke } from '@tauri-apps/api/core'
  import { getName, getVersion, getTauriVersion } from '@tauri-apps/api/app'

  let version = '1.0.0'
  let tauriVersion = '1.0.0'
  let appName = 'Unknown'

  getName().then((n) => {
    appName = n
  })
  getVersion().then((v) => {
    version = v
  })
  getTauriVersion().then((v) => {
    tauriVersion = v
  })

  function contextMenu() {
    invoke('plugin:app-menu|popup')
  }
</script>

<div>
  <p>
    This is a demo of Tauri's API capabilities using the <code
      >@tauri-apps/api</code
    > package. It's used as the main validation app, serving as the test bed of our
    development process. In the future, this app will be used on Tauri's integration
    tests.
  </p>
  <br />
  <br />
  <pre>
    App name: <code>{appName}</code>
    App version: <code>{version}</code>
    Tauri version: <code>{tauriVersion}</code>
  </pre>
  <br />

  <button class="btn" on:click={contextMenu}>Context menu</button>
</div>
